
{{assign 'commonLogoListId' (append 'shopline-section-' section.id)}}
<style>
#{{commonLogoListId}}{
    position: relative;
}
  .common-logo-list{
    margin-bottom:60px;
  }
  
  .collection-banner-pc{display:block;margin: auto;}
  .collection-banner-mb{display:none;margin: auto;}
  .collection-banner{
    display: flex;
    justify-content: space-between;
    align-items: center;
/*     margin-bottom: 16px; */
    flex-flow: wrap;  
  }
  
  .collection-banner .collection-banner-row{
    position: relative;
    overflow: hidden;
  }
  .collection-banner.collection-banner-two,.collection-banner.collection-banner-three,.collection-banner.collection-banner-four{
    width:100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .collection-banner .collection-banner-row .homeblackoff{
    width: auto;
    top: 0;
    left: 30px;
    display: inherit;
    position: absolute;
    z-index: 1;
  }
  .h-b-txt.last{
    pointer-events: none;
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .h-b-txt.last .h-classify-id{
    z-index: 1;
    display: block;
    margin-bottom: 14px;
    color: #050100;
    font-size: 28px;
  }
  .collection-banner .collection-banner-row a:hover{box-shadow: 1px 2px 9pt 3px #c8c8c8;}
  .collection-banner .collection-banner-row a picture{transition: all .3s;}
  .collection-banner .collection-banner-row a:hover picture{-webkit-transform: scale(1.1);transform: scale(1.1);}
  .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(1){overflow: hidden;border-radius: 10px;}
  .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(2){overflow: hidden;border-radius:10px;}
  .collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(1){overflow: hidden;border-radius: 10px;}
  .collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(2){overflow: hidden;border-radius: 10px;}
  .collection-banner.collection-banner-two .collection-banner-row:nth-child(2) .homeblackoff{left: inherit;right: 22px;}  
  .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(1){width: 66.5%;}
  .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(2){width:32.5%;}
  .collection-banner.collection-banner-two.two-index1 .collection-banner-row:nth-child(1){width: 32.5%;}
  .collection-banner.collection-banner-two.two-index1 .collection-banner-row:nth-child(2){width: 66.5%;}
  .collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(1){width: calc(50% - 8px);}
  .collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(2){width: calc(50% - 8px);}
  .collection-banner.collection-banner-one{    
    margin: 50px auto 8px auto;
    display: block;
    }
  

  .collection-banner.collection-banner-two .collection-banner-row{
    width:calc(50% - 50px); 
    border-radius: 0px;
    position: relative;
    z-index: 1;
  }
  .collection-banner.collection-banner-three .collection-banner-row{width:calc(33% - 8px);}
  .collection-banner.collection-banner-four .collection-banner-row{width:calc(25% - 10px);}
  .collection-banner .collection-banner-row a img{width:100%;transition: all .5s;}  

  @media(min-width:1200px){
    
    .collection-banner.collection-banner-two{
      padding: 0px 20px;
    }
    .collection-banner.collection-banner-two .h-b-txt.last .h-classify-id{
/*       text-shadow: 0 1px 1pc rgba(0,0,0,.4) */
      width:100%;
    }
    
    
    
   
    .collection-banner.collection-banner-two .collection-banner-row:nth-child(2) .h-b-txt.last
    .collection-banner.collection-banner-two .collection-banner-row:after{
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(255,0,0,0), rgb(0 0 0));
      opacity: 0;
      pointer-events: none;
      transition: all .3s;
    }
    .collection-banner.collection-banner-two .collection-banner-row:hover::after{
      opacity: 0.3;
    }  
    .collection-banner.collection-banner-two:after {
        content: "";
        width: 100vw;
        position: absolute;
        background: #fff;
        height: 110px;
        z-index: 0;
        top: 0;
        left: 0;
    }
   
  }
  @media(max-width:1200px){
    .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(1){width: calc(100%);}
    .collection-banner.collection-banner-two.two-index0 .collection-banner-row:nth-child(2){width: calc(100%);}
    .collection-banner.collection-banner-two.two-index1 .collection-banner-row:nth-child(1){width: calc(100%);}
    .collection-banner.collection-banner-two.two-index1 .collection-banner-row:nth-child(2){width: calc(100%);}
    .shopify-section.common-logo-list{padding:0;}
    .collection-banner .collection-banner-row a:hover{box-shadow: none;}    
    .collection-banner .collection-banner-row a:hover picture{-webkit-transform: none;transform: none;}
    .collection-banner.collection-banner-two,.collection-banner.collection-banner-three,.collection-banner.collection-banner-four{width:100%;}
    .collection-banner.collection-banner-four .collection-banner-row{width:calc(50% - 5px);}
    .collection-banner.collection-banner-one{margin-top:0px;margin-bottom:0px; max-width:100%;}
    .collection-banner-pc{display:none;}
    .collection-banner-mb{display:block;}
    .collection-banner{margin-bottom: 0;}
    .collection-banner.collection-banner-two .collection-banner-row{
      padding:0 10px;
      margin-bottom: 25px;
    }
    
    .collection-banner.collection-banner-two .collection-banner-row,.collection-banner.collection-banner-three .collection-banner-row{width:100%;}
    .banner_title{padding-bottom: 0;}
    .collection-banner .collection-banner-row .homeblackoff{width:60px;left:25px;}
    .collection-banner.collection-banner-two .collection-banner-row:nth-child(2) .homeblackoff{left: 25px;right: unset;}
    .h-b-txt.last{
      pointer-events: auto;      
      padding-bottom: 0px;
      justify-content: flex-end;
      position: unset;
    }
    #{{commonLogoListId}} .h-b-txt.last:after{
      /* content: "{{ section.settings.btn_text }}";
      display: inline-block;
      background: {{section.settings.but_color}};
      padding: 8px 38px;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.5; */
    }
    .h-b-txt.last .h-classify-id{
      font-size: 21px;
      display: block;
      margin-bottom: 10px;
      text-transform: capitalize;
      position: relative;
      text-shadow: unset;
      margin-top: 15px;
    }
    .collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(1),.collection-banner.collection-banner-two.two-index2 .collection-banner-row:nth-child(2){width:100%;}
    .collection-banner .shadow-box{
    	display: block;
        width: 100%;
        background: #fff;
        height: 48px;
        position: absolute;
        opacity: 0;
        border-radius: 0 0 ;
    }
    .common-logo-list{
      margin-bottom:10px;
      margin-top:20px;
    }
    .collection-banner a{
      position: relative;
      display: block;
    }
    .collection-banner.collection-banner-one img ,.collection-banner .collection-banner-row a img{
      width: 750px;
      height: 100vh;
      max-height: 100%;
      max-width: 100%;
      transition: unset;
    }
    .collection-banner.collection-banner-two .h-b-txt.last{
        position: absolute;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .collection-banner.collection-banner-two .h-b-txt.last span.h-classify-id {
        padding-left: 25px;
        text-align: left;
    }
    .collection-banner.collection-banner-two .h-b-txt.last span.h-classify-id:after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        background: #000;
        position: absolute;
        bottom: -5px;
        left: 26px;
    }
  }

 {{#with this as |global|}}
    {{#each section.blocks as |block| }}
    {{#if block.type '==' "tow_pictures" }}
    
   	@media (min-width: 1200px) {
        .h-b-txt.last {
            padding: 25px 0;
        }
        .collection-banner.collection-banner-two .h-b-txt.last {
            padding: 50px;
        }
        .collection-banner.collection-banner-two .h-b-txt.last span.h-classify-id {
            font-size: 42px;
            line-height: 1;
            position: relative;
        }
        .collection-banner.collection-banner-two .h-b-txt.last span.h-classify-id:after {
            content: '';
            display: block;
            width: 50px;
            height: 3px;
            background: #000;
            position: absolute;
            bottom: -25px;
            left: 0;
        }
        .list{{ block.id}} .collection-banner-row:nth-child(1) .h-b-txt.last {
            justify-content:{{ block.settings.text_position  }};
        }
        .list{{ block.id}} .collection-banner-row:nth-child(2) .h-b-txt.last {
            justify-content:{{ block.settings.text_position3  }};
        }
        .list{{ block.id}} .collection-banner-row:nth-child(1) .h-b-txt.last .h-classify-id{
            color:{{ block.settings.color1 }};
            text-align: {{ block.settings.text_position2  }};
        }
        .list{{ block.id}} .collection-banner-row:nth-child(2) .h-b-txt.last .h-classify-id{
            color:{{ block.settings.color2 }};
            text-align: {{ block.settings.text_position4  }};
        }
    }
    
      {{/if}}
     {{/each}}
{{/with}}
  
</style>
{{#if section.settings.banner_title '!=' blank }}
{{#if section.settings.banner_title '!=' "" }}
<div class="banner_title home-page-width">
  <span>{{section.settings.banner_title}}</span>
</div>
{{/if }} 
{{/if }} 

{{#with this as |global|}}
  {{#each section.blocks as |block| }}

    {{#if block.type '==' 'A_pictures' }}
        {{assign 'pc_resize1' (img_size block.settings.pc_image.url)}}
        {{assign 'mb_resize1' (img_size block.settings.mb_image.url)}}
        {{assign 'PCpaddingHeight1' (divided_by (times pc_resize1.height 100) pc_resize1.width ) }}
        {{assign 'MbpaddingHeight1' (divided_by (times mb_resize1.height 100) mb_resize1.width ) }}

        <div class="collection-banner collection-banner-one">
           <a href="{{block.settings.link}}">
              <picture class="CLS-box">
              <source data-srcset="{{block.settings.mb_image.url}}" media="(max-width: 768px)" />                                     
              <img class="lazyload" data-src="{{block.settings.pc_image.url}}">
              <span class="CLS-placeholderPc" style="padding-top:{{ PCpaddingHeight1 }}%"></span>
              <span class="CLS-placeholderMb" style="padding-top:{{ MbpaddingHeight1 }}%"></span>
            </picture> 
          </a>
        </div>
    {{/if}}

    {{#if block.type '==' 'tow_pictures' }}
   
        {{assign 'pc_resize1' (img_size block.settings.pc_image1.url)}}
        {{assign 'mb_resize1' (img_size block.settings.mb_image1.url)}}
        {{assign 'PCpaddingHeight1' (divided_by (times pc_resize1.height 100) pc_resize1.width ) }}
        {{assign 'MbpaddingHeight1' (divided_by (times mb_resize1.height 100) mb_resize1.width ) }}

        {{assign 'pc_resize2' (img_size block.settings.pc_image2.url)}}
        {{assign 'mb_resize2' (img_size block.settings.mb_image2.url)}}
        {{assign 'PCpaddingHeight2' (divided_by (times pc_resize2.height 100) pc_resize2.width ) }}
        {{assign 'MbpaddingHeight2' (divided_by (times mb_resize2.height 100) mb_resize2.width ) }}

  
      <div class="collection-banner collection-banner-two list{{ block.id}}">
       <div class="collection-banner-row ">
          {{#if block.settings.icon_off1 }}
          <div class="homeblackoff right"><img class="lazyload" data-src="{{block.settings.icon_off1.url}}"></div>
          {{/if}}
           <a href="{{block.settings.link1}}">
              <picture class="CLS-box">
              <source data-srcset="{{block.settings.mb_image1.url}}" media="(max-width: 768px)" />                                     
              <img class="lazyload" data-src="{{block.settings.pc_image1.url}}">
              <span class="CLS-placeholderPc" style="padding-top:{{ PCpaddingHeight1 }}%"></span>
              <span class="CLS-placeholderMb" style="padding-top:{{ MbpaddingHeight1 }}%"></span>
            </picture> 
            <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title1}}}</span><span class="shadow-box"></span></div>
          </a>
        </div>
        <div class="collection-banner-row right">
          {{#if block.settings.icon_off2 }}
          <div class="homeblackoff right"><img class="lazyload" data-src="{{block.settings.icon_off2.url}}"></div>
          {{/if}}
           <a href="{{block.settings.link2}}"> 
              <picture class="CLS-box">
              <source data-srcset="{{block.settings.mb_image2.url}}" media="(max-width: 768px)" />                                     
              <img class="lazyload" data-src="{{block.settings.pc_image2.url}}">
              <span class="CLS-placeholderPc" style="padding-top:{{ PCpaddingHeight2 }}%"></span>
              <span class="CLS-placeholderMb" style="padding-top:{{ MbpaddingHeight2 }}%"></span>
            </picture> 
            <div class="h-b-txt last"><span class="h-classify-id">{{{ block.settings.title2 }}}</span><span class="shadow-box"></span></div>
          </a>
        </div>  
       
      </div>
    {{/if}}
    
    {{#if block.type '==' 'five_pictures' }}
      <style>
      .collection-banner .collection-banner-row a img{
        max-width: max-content;
        display: inline-block;
      }
      .collection-banner.collection-banner-five {
        display: flex;
        flex-flow: row;
        justify-content: left;
        align-items: flex-start;
        transform: translateY(70px);
      }
      .collection-banner.collection-banner-five~.collection-banner.collection-banner-one {
          padding-top: 232px;
          padding-bottom: 0;
          background: #fff;
          margin: 0;
      }
      .collection-five-right {
        display: flex;
        flex-flow: wrap;
        width: calc(100% - 616px);
        justify-content: space-between;
      }
      .collection-five-right .collection-banner-row {
      }
      .collection-five-left {
        width: 616px;
      }
      .collection-banner-five .collection-banner-row a picture{
        text-align: right;
        display: inline-block;
      }
      .collection-five-right .collection-banner-row:nth-child(1),.collection-five-right .collection-banner-row:nth-child(3){
        margin-left: 30px;
      }  
      .collection-five-right .collection-banner-row:nth-child(1),.collection-five-right .collection-banner-row:nth-child(2){
        margin-bottom: 30px;
      }
      .collection-banner-five .h-b-txt.last{
        justify-content: flex-end;
        align-items: flex-start;
      }
      .collection-banner-five .h-b-txt.last .h-classify-id{
        color: #fff; 
        margin-bottom: 24px;
        width: 100%;
        text-align: center;
      }
      .collection-banner-five .h-b-txt.last .h-classify-id .icon{
        font-size: 30px;
        padding-left: 15px;
        line-height: 15px;
      }
      .common-logo-list-v2 .banner_title{
        padding-top: 100px;
      }
      .common-logo-list-v2 .banner_title span{
        line-height: 1;
      }
      .collection-banner .collection-banner-row a{
        display: block;
        font-size: 0;
      }
      @media(min-width:768px){
        .collection-banner-five .collection-banner-row:hover picture {
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
        }
      }
      @media(max-width:1400px){
        .collection-five-right .collection-banner-row {
          width: calc(50% - 30px);
        }
        .collection-five-left {
          width: 525px;
        }
        .collection-five-right {
          width: calc(100% - 525px);
        }
      }
      @media(max-width:768px){
        .common-logo-list-v2 .banner_title {
          padding: 38px 20px 3px;
        }
        .collection-banner .collection-banner-row{
          padding: 30px 20px 0;
          width: 100%;
        }
        .collection-banner.collection-banner-five {
          flex-flow: column;
          transform: translateY(0px);
          padding-bottom: 60px;
        }
        .collection-five-left {
          width: 100%;
        }
        .collection-banner .collection-banner-row a img{
          max-width: 100%;
        }
        #{{ commonLogoListId }} .h-b-txt.last:after{
          display:none;
        }
        .collection-banner-five .h-b-txt.last {
          position: absolute;
        }
        .collection-banner-five .h-b-txt.last .h-classify-id {
          width: 100%;  
          padding-left: 0;
        }
        .collection-five-right {
          width: 100%;
          flex-flow: column;
        }
        .collection-banner .collection-banner-row a img{
          width: auto;
          height: auto;
        }
        .collection-banner.collection-banner-five~.collection-banner.collection-banner-one{
          padding-top: 30px;
          padding-bottom: 28px;
        }
        .collection-five-right .collection-banner-row:nth-child(1), .collection-five-right .collection-banner-row:nth-child(2){margin-bottom: 0;}
        .collection-five-right .collection-banner-row:nth-child(1), .collection-five-right .collection-banner-row:nth-child(3){margin-left: 0;}
      }
      </style>
      <div class="collection-banner collection-banner-five home-page-width">
        <div class="collection-five-left">
          <div class="collection-banner-row">
            {{#if block.settings.icon_off1 }}
            <div class="homeblackoff right"><img src="{{ block.settings.icon_off1.url }}"></div>
            {{/if }}
           <a href="{{block.settings.link1}}"> 
              <picture>  
                <source data-srcset="{{ block.settings.mb_image1.url }}" media="(max-width: 768px)" />
                <img data-src="{{ block.settings.pc_image1.url }}" class="lazyload collection-banner"/>
              </picture>
              <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title1}}}<span class="icon photofont photo-iconset0416"></span></span></div>
            </a>
          </div>
        </div>
        <div class="collection-five-right">
          <div class="collection-banner-row">
            {{#if block.settings.icon_off2 }}
            <div class="homeblackoff right"><img src="{{ block.settings.icon_off2.url }}"></div>
            {{/if }}
           <a href="{{block.settings.link2}}"> 
              <picture>  
                <source data-srcset="{{ block.settings.mb_image2.url }}" media="(max-width: 768px)" />
                <img data-src="{{ block.settings.pc_image2.url }}" class="lazyload collection-banner"/>
              </picture>
              <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title2}}}<span class="icon photofont photo-iconset0416"></span></span></div>
            </a>
          </div>
          <div class="collection-banner-row">
            {{#if block.settings.icon_off3 }}
            <div class="homeblackoff right"><img src="{{ block.settings.icon_off3.url }}"></div>
            {{/if }}
           <a href="{{block.settings.link3}}"> 
              <picture>  
                <source data-srcset="{{ block.settings.mb_image3.url }}" media="(max-width: 768px)" />
                <img data-src="{{ block.settings.pc_image3.url }}" class="lazyload collection-banner"/>
              </picture>
              <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title3}}}<span class="icon photofont photo-iconset0416"></span></span></div>
            </a>
          </div>
          <div class="collection-banner-row">
            {{#if block.settings.icon_off4 }}
            <div class="homeblackoff right"><img src="{{ block.settings.icon_off4.url }}"></div>
            {{/if }}
           <a href="{{block.settings.link4}}"> 
              <picture>  
                <source data-srcset="{{ block.settings.mb_image4.url }}" media="(max-width: 768px)" />
                <img data-src="{{ block.settings.pc_image4.url }}" class="lazyload collection-banner"/>
              </picture>
              <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title4}}}<span class="icon photofont photo-iconset0416"></span></span></div>
            </a>
          </div>
          <div class="collection-banner-row">
            {{#if block.settings.icon_off5 }}
            <div class="homeblackoff right"><img src="{{ block.settings.icon_off5.url }}"></div>
            {{/if }}
           <a href="{{block.settings.link5}}"> 
              <picture>  
                <source data-srcset="{{ block.settings.mb_image5.url }}" media="(max-width: 768px)" />
                <img data-src="{{ block.settings.pc_image5.url }}" class="lazyload collection-banner"/>
              </picture>
              <div class="h-b-txt last"><span class="h-classify-id">{{{block.settings.title5}}}<span class="icon photofont photo-iconset0416"></span></span></div>
            </a>
          </div>  
        </div>
        
      </div>
    {{/if}}
  {{/each}}
{{/with}}

{{#schema}}
{
  "name": "通用 - 图片布局 版本2",  
  "class": "common-logo-list-v2",
  "settings": [
    {
        "type": "paragraph",
        "content": "home-v2/common-logo-list-v2.html"
    },
    {
      "type": "text",
      "id": "banner_title",
      "label":"标题"
    },
    {
      "type": "text",
      "id": "btn_text",
      "label":"手机端按钮文案",
  "default":"Compra ahora"
    },
    {
      "type": "color_picker",
      "id": "but_color",
      "label": "手机端按钮背景色",
      "default":"#f0c5b4"
    }
  ],
  "blocks": [
      {
        "type": "A_pictures",
        "name": "一张图片",
        "settings": [
          {"type": "url","id": "link","label": "图片链接"},
          {"type": "image_picker","id": "pc_image","label": "PC 图片"},
          {"type": "image_picker","id": "mb_image","label": "MB 图片"}
        ]
      },		
      {
        "type": "tow_pictures",
        "name": "两张图片",
        "settings": [
          {"type": "url","id": "link1","label": "图片链接 - 1"},
          {"type": "text","id": "title1","label": "标题 - 1"},
          {"type": "image_picker","id": "pc_image1","label": "PC 图片 - 1"},
          {"type": "image_picker","id": "mb_image1","label": "MB 图片 - 1"},
          {"type": "image_picker","id": "icon_off1","label": "折扣图标 - 1"},
          {"type": "color_picker","id": "color1","label": "图1字体颜色","default":"#fff"},
		      {
            "type": "radio",
            "id": "text_position",
            "label": "文案上中下位置",
            "options": [
                { "value": "flex-start", "label": "上" },
                { "value": "center", "label": "中" },
                { "value": "flex-end", "label": "下" }
            ],
            "default": "flex-end"
          },
		      {
            "type": "radio",
            "id": "text_position2",
            "label": "文案左中右位置",
            "options": [
                { "value": "left", "label": "左" },
                { "value": "center", "label": "中" },
                { "value": "right", "label": "右" }
            ],
            "default": "left"             
          },
          {"type": "url","id": "link2","label": "图片链接 - 2"},
          {"type": "text","id": "title2","label": "标题 - 2"},
          {"type": "image_picker","id": "pc_image2","label": "PC 图片 - 2"},
          {"type": "image_picker","id": "mb_image2","label": "MB 图片 - 2"},
          {"type": "color_picker","id": "color2","label": "图2字体颜色","default":"#fff"},
          {"type": "image_picker","id": "icon_off2","label": "折扣图标 - 2"},
		      {
            "type": "radio",
            "id": "text_position3",
            "label": "文案上中下位置",
            "options": [
				      { "value": "flex-start", "label": "上" },
              { "value": "center", "label": "中" },
              { "value": "flex-end", "label": "下" }
            ],
            "default": "flex-end"
          },
		      {
            "type": "radio",
            "id": "text_position4",
            "label": "文案左中右位置",
            "options": [ 
				      { "value": "left", "label": "左" },
              { "value": "center", "label": "中" },
              { "value": "right", "label": "右" }
            ],
            "default": "left"             
          }		  
        ]
      },
      {
        "type": "three_pictures",
        "name": "三张图片",
        "settings": [
          {"type": "url","id": "link1","label": "图片链接 - 1"},
          {"type": "text","id": "title1","label": "标题 - 1"},
          {"type": "image_picker","id": "pc_image1","label": "PC 图片 - 1"},
          {"type": "image_picker","id": "mb_image1","label": "MB 图片 - 1"},
          {"type": "image_picker","id": "icon_off1","label": "折扣图标 - 1"},
          {"type": "url","id": "link2","label": "图片链接 - 2"},
          {"type": "text","id": "title2","label": "标题 - 2"},
          {"type": "image_picker","id": "pc_image2","label": "PC 图片 - 2"},
          {"type": "image_picker","id": "mb_image2","label": "MB 图片 - 2"},
          {"type": "image_picker","id": "icon_off2","label": "折扣图标 - 2"},
          {"type": "url","id": "link3","label": "图片链接 - 3"},
          {"type": "text","id": "title3","label": "标题 - 3"},
          {"type": "image_picker","id": "pc_image3","label": "PC 图片 - 3"},
          {"type": "image_picker","id": "mb_image3","label": "MB 图片 - 3"},
          {"type": "image_picker","id": "icon_off3","label": "折扣图标 - 3"}
        ]
      },
      {
        "type": "four_pictures",
        "name": "四张图片",
        "settings": [
          {"type": "url","id": "link1","label": "图片链接 - 1"},
          {"type": "text","id": "title1","label": "标题 - 1"},
          {"type": "image_picker","id": "pc_image1","label": "PC 图片 - 1"},
          {"type": "image_picker","id": "mb_image1","label": "MB 图片 - 1"},
          {"type": "image_picker","id": "icon_off1","label": "折扣图标 - 1"},
          {"type": "url","id": "link2","label": "图片链接 - 2"},
          {"type": "text","id": "title2","label": "标题 - 2"},
          {"type": "image_picker","id": "pc_image2","label": "PC 图片 - 2"},
          {"type": "image_picker","id": "mb_image2","label": "MB 图片 - 2"},
          {"type": "image_picker","id": "icon_off2","label": "折扣图标 - 2"},
          {"type": "url","id": "link3","label": "图片链接 - 3"},
          {"type": "text","id": "title3","label": "标题 - 3"},
          {"type": "image_picker","id": "pc_image3","label": "PC 图片 - 3"},
          {"type": "image_picker","id": "mb_image3","label": "MB 图片 - 3"},
          {"type": "image_picker","id": "icon_off3","label": "折扣图标 - 3"},
          {"type": "url","id": "link4","label": "图片链接 - 4"},
          {"type": "text","id": "title4","label": "标题 - 4"},
          {"type": "image_picker","id": "pc_image4","label": "PC 图片 - 4"},
          {"type": "image_picker","id": "mb_image4","label": "MB 图片 - 4"},
          {"type": "image_picker","id": "icon_off4","label": "折扣图标 - 4"}
        ]
      },
      {
        "type": "five_pictures",
        "name": "五张图片",
        "settings": [
          {"type": "url","id": "link1","label": "图片链接 - 1"},
          {"type": "text","id": "title1","label": "标题 - 1"},
          {"type": "image_picker","id": "pc_image1","label": "PC 图片 - 1"},
          {"type": "image_picker","id": "mb_image1","label": "MB 图片 - 1"},
          {"type": "image_picker","id": "icon_off1","label": "折扣图标 - 1"},
          {"type": "url","id": "link2","label": "图片链接 - 2"},
          {"type": "text","id": "title2","label": "标题 - 2"},
          {"type": "image_picker","id": "pc_image2","label": "PC 图片 - 2"},
          {"type": "image_picker","id": "mb_image2","label": "MB 图片 - 2"},
          {"type": "image_picker","id": "icon_off2","label": "折扣图标 - 2"},
          {"type": "url","id": "link3","label": "图片链接 - 3"},
          {"type": "text","id": "title3","label": "标题 - 3"},
          {"type": "image_picker","id": "pc_image3","label": "PC 图片 - 3"},
          {"type": "image_picker","id": "mb_image3","label": "MB 图片 - 3"},
          {"type": "image_picker","id": "icon_off3","label": "折扣图标 - 3"},
          {"type": "url","id": "link4","label": "图片链接 - 4"},
          {"type": "text","id": "title4","label": "标题 - 4"},
          {"type": "image_picker","id": "pc_image4","label": "PC 图片 - 4"},
          {"type": "image_picker","id": "mb_image4","label": "MB 图片 - 4"},
          {"type": "image_picker","id": "icon_off4","label": "折扣图标 - 4"},
          {"type": "url","id": "link5","label": "图片链接 - 5"},
          {"type": "text","id": "title5","label": "标题 - 5"},
          {"type": "image_picker","id": "pc_image5","label": "PC 图片 - 5"},
          {"type": "image_picker","id": "mb_image5","label": "MB 图片 - 5"},
          {"type": "image_picker","id": "icon_off5","label": "折扣图标 - 5"}
        ]
      }
  ],
  "presets": [
    {
      "name": "通用 - 图片布局 版本2",
      "category":"通用"
    }
  ]
}
{{/schema}}